/* 1. 全局列表重置：移除所有ul/li的默认样式 */
ul, li {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

/* 2. 面包屑容器样式：固定高度 */
#breadcrumbs {
    height: 1.5em;
}

/* 3. 面包屑列表项：横向排列（float）+ 行高对齐 */
#breadcrumbs li {
    float: left; /* 关键：替代display:inline实现水平排列 */
    line-height: 1.5em; /* 与容器高度一致，垂直居中 */
    padding-left: 0.75em;
    color: #858585; /* 文字默认色 */
}

/* 4. 面包屑链接：块级显示（全区域可点击）+ 分隔符背景图 */
#breadcrumbs li a {
    display: block; /* 关键：让链接区域可点击（而非仅文字） */
    padding: 0 15px 0 0;
    /* 关键：背景图（separator.gif）右对齐，不重复 */
    background: url(images/separator.gif) no-repeat right center;
}

/* 5. 链接默认状态：移除下划线 + 统一颜色 */
#breadcrumbs li a:link, #breadcrumbs li a:visited {
    text-decoration: none;
    color: #858585;
}

/* 6. 链接悬停/聚焦状态：文字变色 */
#breadcrumbs li a:hover, #breadcrumbs li a:focus {
    color: #940000;
}

/* 7. 当前页span样式：缩小字体 */
#breadcrumbs li span {
    font-size: 0.75em;
}

/* 8. body基础样式：统一字体 + 行高 */
body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    line-height: 150%;
}